<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href='../style/css/reset.css' rel='stylesheet'>
    <link type='text/css' href='../style/css/cart.css' rel='stylesheet'>
    <script src='../js/lib/require.js' data-main='../js/main'></script>
</head>
<body>
<aside id='fixbox'>
    <div id='login' class="mod">
        <a href='#' title='我的用户中心'><img src='../images/img/user_head.png'></a>
    </div>
    <div id='online' class="mod">
        <span>在线销售</span>
    </div>
    <div id='survey' class="mod">
        <div class='pos'>
            <i></i>
            <span>调查</span>
            <span style='padding-top:10px '>在线调查</span>
        </div>
    </div>
    <div id='shopcart' class="mod">
        <i></i>
        <ul>
            <li>购</li>
            <li>物</li>
            <li>车</li>
        </ul>
        <div id='num'>0</div>
    </div>
    <div id='atten' class="mod">
        <div class='pos'>
            <i></i>
            <span>关注</span>
            <span style='padding-top:10px '>关注店铺</span>
        </div>
    </div>
    <div id='collect' class="mod">
        <div class='pos'>
            <i></i>
            <span>收藏</span>
            <span style='padding-top:10px '>收藏商品</span>
        </div>
    </div>
    <div id='weixin' class="mod">
        <div class='pos'>
            <i></i>
            <span style='padding-top:10px '>官方微信</span>
        </div>
    </div>
    <div id='backtop' class='mod hidden'>
        <div class='pos'>
            <i></i>
            <span style='padding-top:10px '>回到顶部</span>
        </div>

    </div>
</aside>
<header>
    <div id='site-nav'>
        <div class='site-contanier wrapper clear'>
            <div class='area'>
                <em></em>
                <span>邯郸</span><a href='#'>[切换区县]</a></div>
            <ul class='site-nav-left clear'>
                <li><em>欢迎光临本店!</em></li>
                <li><a href='login.html'>登录</a></li>
                <li><a href='register.html'>免费注册</a></li>
            </ul>
            <ul class='site-nav-right clear'>
                <li class='myfo'>
                    <a href="#">我的信息</a>
                    <b class='b1'></b>
                    <div class='li-myfo hover hidden'>
                        <p><a href='#'>已买到的宝贝</a></p>
                        <p><a href='#'>我的地址管理</a></p>
                    </div>
                </li>
                <li class='mysh'>
                    <a href="#">我关注的店铺</a>
                    <i class='i1'></i>
                </li>
                <li class='cart'>
                    <a href="#">购物车</a>
                    <i class='i2'></i>
                </li>
                <li class='pro'>
                    <a href="#">收藏夹</a>
                    <b class='b2'></b>
                    <div class='li-pro hover hidden'>
                        <p><a href='#'>收藏的宝贝</a></p>
                        <p><a href='#'>收藏的店铺</a></p>
                    </div>
                </li>
                <em>|</em>
                <li class='pho'><a href="#">手机版</a>
                    <i class='i3'></i>
                    <b class='b3'></b>
                    <div class='li-pho hover hidden'>
                        <img src='../images/img/app.jpg'>
                    </div>
                </li>
                <li class='buss'><a href="#">商家支持</a>
                    <b class='b4'></b>
                </li>
                <li class='loca'><a href="#">网站导航</a>
                    <i class='i4'></i>
                    <b class='b5'></b>
                </li>
            </ul>
        </div>
    </div>
    <div id='site-bot' class='wrapper clear'>
    <div id='logo'>
        <a href='index.html' title='logo'>
            <img src='../images/img/logo.jpg'>
        </a>
    </div>
        <div id='stepbar'>
            <ul>
                <li>
                    <div class='step-done'>
                        <div class="step-name">查看购物车</div>
                        <div class="step-no step1" ></div>
                    </div>
                </li>
                <li>
                    <div class='step-done'>
                        <div class="step-name">拍下商品</div>
                        <div class="step-no step2" >2</div>
                    </div>
                </li>
                <li>
                    <div class='step-done'>
                        <div class="step-name">付款</div>
                        <div class="step-no step3" >3</div>
                    </div>
                </li>
                <li>
                    <div class='step-done'>
                        <div class="step-name">确认收货</div>
                        <div class="step-no step4">4</div>
                    </div>
                </li>
                <li>
                    <div class='step-done'>
                        <div class="step-name">评价</div>
                        <div class="step-no step5">5</div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</header>
<section id='shop'>
    <div class="main wrapper">
        <div id='head-cart'>
           <table cellpadding='0' cellspacing='0' width='100%' border='0'>
               <tbody>
               <tr>
                   <td width='8%' align='center'>
                       <input type="checkbox" autocomplete="off" id="chkAll" name="chkAll" checked="true"  style="height:28px;vertical-align:middle;">全选
                   </td>
                   <td width='37%' align='center'>产品</td>
                   <td width='15%' align='center'>数量</td>
                   <td width='15%' align='center'>本店价</td>
                   <td width='15%' align='center'>小计</td>
                   <td width='10%' align='center'>操作</td>
               </tr>
               </tbody>
           </table>
        </div>
      <form id='form-cart' name='form-cart' method='post'>
          <table cellpadding='0' cellspacing='0' width='100%'>
              <tbody>
              </tbody>
          </table>
      </form>
        <table id='fun-cart' width='100%' align='center' cellspacing='6' cellpadding='6' >
            <tbody>
            <tr>
                <td width='150px'>
                    <a href='index.html' class='cbuy'>继续购物</a>
                </td>
                <td align='right' width='80px'>
                    <a href='#' class='clearcart'>清空购物车</a>
                </td>
                <td align='right' >
                    应付总额：<span id='money'></span>
                </td>
                <td align='right' width='80px'>
                    <a class='calculate' href="#">去结算</a>
                </td>
            </tr>
            </tbody>
        </table>
    </div>
</section>
<section id='goodbuy' class='wrapper'>
<div class='til'>
    <ul class='hottitle'>
        <li class='curr'>购买了的还买</li>
        <li>今日最受欢迎</li>
    </ul>
</div>
    <div class='flowbox'>
        <ul class='clear'>
            <li class='detail'>
            <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
            <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
            <p class="o-price">148.2</p>
            <p class="price">140</p>
            <a href="#" class="addcart"></a>
        </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
        </ul>
        <ul class='clear hidden'>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
            <li class='detail'>
                <a href="#" class="goodsimg"><img src='../images/img/3%20(1).jpg' alt=""></a>
                <p class="title"><a href="#">邯郸磁州窑·黑釉刻划剔刻·牡丹纹茶具·5头</a></p>
                <p class="o-price">148.2</p>
                <p class="price">140</p>
                <a href="#" class="addcart"></a>
            </li>
        </ul>
    </div>
</section>
<footer>
    <div class='wrapper'>
        <p class='fot-top'>
            <a href="#">关于我们</a><em>|</em>
            <a href="#">管理团队</a><em>|</em>
            <a href="#">商家入驻</a><em>|</em>
            <a href="#">媒体报道</a><em>|</em>
            <a href="#">站点地图</a><em>|</em>
            <a href="#">招贤纳士</a><em>|</em>
            <a href="#">帮助中心</a><em>|</em>
            <span>ICP备案证书号:</span>
            <a href="#">冀ICP备14019346号-1</a>
        </p>
        <p class='fot-bot'>
            <a href="javascript:;">© 2005-2017 聚惠买商城_河北网上商城分销服务平台 版权所有，并保留所有权利。</a>
            <a href="#">石家庄西区永安街46号</a>
            <a href="#">Tel: 400-0310-707</a>
            <a href="#">Email: juhuimai@126.com</a>
        </p>
    </div>

</footer>
</body>
</html>